﻿<div class="wrapper-lg">
  <div class="row">
    <div class="col-sm-9">
      <div class="blog-post">                   
        <div class="panel no-border">
          <div>
            <videogular vg-theme="config.theme.url">
              <vg-video vg-src="video.sources">
              </vg-video>

              <vg-controls vg-autohide="video.plugins.controls.autoHide" vg-autohide-time="video.plugins.controls.autoHideTime">
                <vg-play-pause-button></vg-play-pause-button>
                <vg-timedisplay>{{ currentTime | date:'mm:ss' }}</vg-timedisplay>
                <vg-scrubBar>
                  <vg-scrubbarcurrenttime class="bg-info"></vg-scrubbarcurrenttime>
                </vg-scrubBar>
                <vg-timedisplay>{{ timeLeft | date:'mm:ss' }}</vg-timedisplay>
                <vg-timedisplay>{{ totalTime | date:'mm:ss' }}</vg-timedisplay>
                <vg-volume>
                  <vg-mutebutton></vg-mutebutton>
                  <vg-volumebar></vg-volumebar>
                </vg-volume>
                <vg-fullscreenButton></vg-fullscreenButton>
              </vg-controls>
              <vg-overlay-play></vg-overlay-play>
              <vg-poster-image vg-url='video.plugins.poster'></vg-poster-image>
              <vg-buffering></vg-buffering>
            </videogular>
          </div>
          <div class="wrapper-lg">
            <h2 class="m-t-none"><a href>熊出没主题曲：《我还有点小糊涂》</a></h2>
            <div>
                <p>
                    冬眠假期刚刚结束<br />
                    我还有点糊涂               <br />
                    鸟儿在头顶把森林叫醒       <br />
                    春天空气让我很舒服         <br />
                    天上太阳已红扑扑           <br />
                    看起来很模糊               <br />
                    远处山坡有几棵小树         <br />
                    去年冬眠前我没记住         <br />
                    青草香                    <br />
                    浆果甜                    <br />
                    喝着露水靠着树             <br />
                    抬起头 垫脚尖              <br />
                    加快我长大的脚步           <br />
                    吹口哨 哼着歌              <br />
                    摇摇晃晃找到路             <br />
                    晃脑袋 揉眼睛              <br />
                    长大的我还有点小糊涂       <br />
                </p>
            </div>
            <div class="line line-lg b-b b-light"></div>
            <div class="text-muted">
              <i class="fa fa-user text-muted"></i> 原唱 <a href class="m-r-sm">刘晨</a>
              <i class="fa fa-clock-o text-muted"></i> 2013/02/20
              <a href class="m-l-sm"><i class="fa fa-comment-o text-muted"></i> 3 条评论</a>
            </div>
          </div>
        </div>
      </div>

      <h4 class="m-t-lg m-b">3 条评论</h4>
        <div>
            <div>
                <a class="pull-left thumb-sm">
                    <img src="img/a0.jpg" class="img-circle">
                </a>
                <div class="m-l-xxl m-b">
                    <div>
                        <a href><strong>阳光男孩</strong></a>
                        <label class="label bg-info m-l-xs">会员</label>
                        <span class="text-muted text-xs block m-t-xs">
                            1 小时前
                        </span>
                    </div>
                    <div class="m-t-sm">大家都说我的网名土，到底土不土？</div>
                </div>
            </div>

            <div class="m-l-xxl">
                <a class="pull-left thumb-sm">
                    <img src="img/a1.jpg" class="img-circle">
                </a>
                <div class="m-l-xxl m-b">
                    <div>
                        <a href><strong>网络情缘</strong></a>
                        <label class="label bg-dark m-l-xs">超级会员</label>
                        <span class="text-muted text-xs block m-t-xs">
                            41 分钟前
                        </span>
                    </div>
                    <div class="m-t-sm">别说了...说多了都是泪...</div>
                </div>
            </div>

            <div>
                <a class="pull-left thumb-sm">
                    <img src="img/a2.jpg" class="img-circle">
                </a>
                <div class="m-l-xxl m-b">
                    <div>
                        <a href><strong>惢｝、疼ㄋ_°</strong></a>
                        <label class="label bg-dark m-l-xs">超级会员</label>
                        <span class="text-muted text-xs block m-t-xs">
                            3 分钟前
                        </span>
                    </div>
                    <blockquote class="m-t">
                        <p>不要因为配上了伟人的图片就随便相信网络上的名人名言</p>
                        <small><cite title="Source Title">鲁迅</cite></small>
                    </blockquote>
                    <div class="m-t-sm">你们名字太土了，看我名字，是不是有一种淡淡的忧愁</div>
                </div>
            </div>

        </div>
      <h4 class="m-t-lg m-b">发表评论</h4>
        <form>
            <div class="form-group pull-in clearfix">
                <div class="col-sm-6">
                    <label>姓名</label>
                    <input type="text" class="form-control" placeholder="姓名">
                </div>
                <div class="col-sm-6">
                    <label>邮箱</label>
                    <input type="email" class="form-control" placeholder="邮箱">
                </div>
            </div>
            <div class="form-group">
                <label>评论</label>
                <textarea class="form-control" rows="5" placeholder="请输入您的评论..."></textarea>
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-info">提交评论</button>
            </div>
        </form>
    </div>
    <div class="col-sm-3">
      <h5 class="font-bold">最近文章</h5>
      <div>
        <div>
          <a class="pull-left thumb thumb-wrapper m-r">
            <img src="img/b0.jpg">
          </a>
          <div class="clear">                        
            <a href class="font-semibold text-ellipsis">新歌《伟人的棺材板》</a>
            <div class="text-xs block m-t-xs"><a href>@鲁迅</a> 发表于 2 分钟前</div>
          </div>
        </div>
        <div class="line"></div>
        <div>
          <a class="pull-left thumb thumb-wrapper m-r">
            <img src="img/b1.jpg">
          </a>
          <div class="clear">                        
            <a href class="font-semibold text-ellipsis">新歌《你有 freestyle 吗？》</a>
            <div class="text-xs block m-t-xs"><a href>@吴亦凡</a> 发表于 2 小时前</div>
          </div>
        </div>
        <div class="line"></div>
        <div>
          <a class="pull-left thumb thumb-wrapper m-r">
            <img src="img/b2.jpg">
          </a>
          <div class="clear">                        
            <a href class="font-semibold text-ellipsis">资源 Angulr 2.2 汉化版</a>
            <div class="text-xs block m-t-xs"><a href>@周 游</a> 发表于 1 周前</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>